var box = document.querySelectorAll('.box');
var box1 = document.querySelectorAll('.box1');
for (var i = 0; i < beautyData.recommend.length; i++) {
	box[i].innerHTML += `
					   <img src="${beautyData.recommend[i].pic}">
					   `
	box1[i].innerHTML += `
					   <p class='p3'>${beautyData.recommend[i].name}</p>
					   <p class='p1'>${beautyData.recommend[i].price}</p><br>
					   <p class='p2'>${beautyData.recommend[i].buy}</p>
					   `;
} 
var trigger = document.querySelector('.trigger');
var menu = document.querySelector('.menu-drop-main');
trigger.onmouseenter=function(){
	trigger.style.borderBottom='2px solid white';
	menu.style.display='block';
	menu.style.zIndex='10'
}
trigger.onmouseleave=function(){
	trigger.style.borderBottom='1px solid #d2d2d2';
	// menu.style.display='none';
	menu.style.zIndex='10'
}
trigger.onmousemove=function(){
	menu.style.zIndex='10'
	menu.style.display='block';
}
menu.onmouseenter=function(){
	trigger.style.borderBottom='2px solid white';
	menu.style.display='block';
	menu.style.zIndex='10'
}
menu.onmousemove=function(){
	menu.style.zIndex='10'
	menu.style.display='block';
}
menu.onmouseleave=function(){
	menu.style.zIndex='10'
	menu.style.display='none';
	trigger.style.borderBottom='1px solid #d2d2d2';
}

var ucloose = document.querySelector('.all_a_z');
var smore = document.querySelector('.choose_more');
var wrapbrand = document.querySelector('.wrap_brand');
var zimulist = document.querySelector('.zimu_list');
var ent = document.querySelector('.enter_yes_no');
var nobt = document.querySelector('.no_bt');
smore.onclick=function(){
	ucloose.style.display='block';
	wrapbrand.style.display='none';
	zimulist.style.display='block';
	ent.style.display='block';
}
nobt.onclick=function(){
	ucloose.style.display='none';
	wrapbrand.style.display='block';
	zimulist.style.display='none';
	ent.style.display='none';
}
var more = document.querySelector('.brand_select_more');
var open = document.querySelector('.s-l-more');
function ww(){
open.onclick=function(){
	more.style.minHeight='111px';
	open.setAttribute('class','s-l-more class1');
	class1 = document.querySelector('.class1');
	www();
}
}ww()
var class1;
function www(){
	class1.onclick=function(){
		more.style.minHeight='0px';
		open.setAttribute('class','s-l-more');
		ww();
	}
}

